<!DOCTYPE html>
<html>
	<!-- 找店客户信息学采集表 -->
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="../../static/public/css/findshopinfwrite.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/swiper/css/swiper.min.css" />
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="../../static/public/swiper/js/swiper.min.js"></script>
		<script src="../../static/public/js/dySelect.js"></script>
		<link rel="stylesheet" href="../../static/public/css/LArea.css">
		<!-- 行业选择器 -->
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
		<link rel="stylesheet" href="../../static/customer/css/mpicker.css">
		<!-- 行业选择器结束 -->
		<link rel="stylesheet" type="text/css" href="../../static/salesman/css/uploadphoto.css" />
		<link rel="stylesheet" type="text/css" href="../../static/salesman/css/chengjiaoqrs.css" />
	</head>
	<style>
		.formclass .inp {
			display: flex;
			font-family: PingFangSC-Light;
			font-size: 4vw;
			color: #333333;
			border-bottom: 1px #eeeeee solid;
			padding: 3.4vw 0;
			background: white;
			margin-left: 0;
			position: relative;
		}
		.formclass .inp .name {
			width: 22vw;
			text-align: center;
		}
			.sub {
			width: 81vw;
			height: 11.4vw;
			background-image: linear-gradient(90deg, 
			#709ef9 0%, 
			#3c7af6 100%), 
		linear-gradient(
			#ff961e, 
			#ff961e);
			background-blend-mode: normal,
		normal;
			border-radius: 1.1vw;
			font-family: PingFangSC-Light;
			font-size: 4.4vw;
			color: #ffffff;
			margin: 7vw 0;
	</style>
	<body>
		<form class="formclass">
			<div class="line"></div>
			<div class="inputbg">
				<div class="inp">
					<div class="name">标题</div>
					<div class="inputline"></div>
					<input type="text" name="name" placeholder="请输入标题" />
				</div>
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao select-value" />
					<div class="name">行业</div>
					<div class="inputline"></div>
					<!-- <div class="nowriteinput select-value" style="color: #cccccc;">请选择行业</div> -->
					<input type="text" name="industry" placeholder="请选择行业" disabled="disabled" class="select-value"/>
				</div>
	
				<div class="inp" style="border-bottom: 0px #eeeeee solid;">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao" id="quyu" />
					<div class="name">区域</div>
					<div class="inputline"></div>
					<!-- <div class="nowriteinput">请选择区域</div> -->
					<!-- <input id="demo1" type="text" name="qy" placeholder="请选择区域"/> -->
					<input id="demo1" type="text" readonly="" placeholder="请选择区域" />
				</div>
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao zrf" />
					<div class="name">转让费</div>
					<div class="inputline"></div>
					<div class="nowriteinput zrf" style="color: #cccccc;">请选择转让费</div>
					<!-- <input type="text" name="zrf" placeholder="请选择转让费" disabled="disabled"/> -->
				</div>
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao mianji" />
					<div class="name">面积</div>
					<div class="inputline"></div>
					<div type="text" name="mianji" class="mianji" style="width: 69%;">
						<span class="mianjinum">0</span>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span style="color: #cccccc;">平米</span>
					</div>
				</div>
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao zujin" />
					<div class="name">租金</div>
					<div class="inputline"></div>
					<div type="text" name="xingzhi" style="width: 69%;" class="zujin">
						<span class="zujinnum">0</span>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span style="color: #f2a602;">元/月</span>
					</div>
				</div>
				<div class="inp">
					<img src="../../static/images/yousanjiao.png" class="yousanjiao rll" />
					<div class="name">人流量</div>
					<div class="inputline"></div>
					<div class="nowriteinput rll" style="color: #cccccc;">请选择人流量</div>
					<!-- <input type="text" name="rll" placeholder="请选择人流量" disabled="disabled"/> -->
				</div>
			</div>
			<div class="line"></div>
			
			<div class="inputbg">
				<div class="inp">
					<div class="name">佣金</div>
					<div class="inputline"></div>
					<input type="text" name="name" placeholder="请输入佣金" />
				</div>
				<div class="inp">
					<div class="name">微信号</div>
					<div class="inputline"></div>
					<input type="text" name="name" placeholder="(选填)" />
				</div>
			</div>
	
			

			<div class="discript">
				<div class="tit">不签约的原因:</div>
				<textarea placeholder="请输入原因" class="con"></textarea>
			</div>
			<div class="line"></div>

			<div class="inputbg">
				<div class="inp">
					<div class="name">姓名</div>
					<div class="inputline"></div>
					<input type="text" name="name" placeholder="请输入真实姓名" />
				</div>
				<div class="inp">
					<div class="name">手机号</div>
					<div class="inputline"></div>
					<input type="text" name="iphonenum" placeholder="请输入手机号码" style="width: 50%;" />
					<div class="yzm">获取验证码</div>
				</div>
				<div class="inp" style="border-bottom: 0px #eeeeee solid;">
					<div class="name">验证码</div>
					<div class="inputline"></div>
					<input type="text" name="yzm" placeholder="请输入验证码" />
				</div>
			</div>
			<div class="line"></div>
			<div class="sctp">
				<div class="tit" style="display: flex;justify-content: center;padding: 5vw 0;">上传图片</div>
				<div class="zhuyiinfo">
					<img src="../../static/images/zhuyi.png" class="zhuyi"/>
					<div>最多上传10张验收图片</div>
				</div>
				
				<div class="box">
				</div>		
			</div>
			<input type="submit" value="确定录入" class="sub" />
		</form>
		<div id="app" class="w750">
			<div class="select_box select_box1"></div>
			<div class="select_box select_box2"></div>
			<div class="select_box select_box3"></div>
			<div class="select_box select_box4"></div>
			<div class="select_box select_box5"></div>
			<div class="select_box select_box14"></div>
			<div class="select_box select_box16"></div>
		</div>

		<script src="../../static/public/js/LAreaData1.js"></script>
		<script src="../../static/public/js/LAreaData2.js"></script>
		<script src="../../static/public/js/LArea.js"></script>
		<script>
			var area1 = new LArea();
			area1.init({
				'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
				'valueTo': '#value1', //选择完毕后id属性输出到该位置
				'keys': {
					id: 'id',
					name: 'name'
				}, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
				'type': 1, //数据源类型
				'data': LAreaData //数据源
			});
			area1.value=[1,15,3];//控制初始位置，注意：该方法并不会影响到input的value
			var area2 = new LArea();
			area2.init({
				'trigger': '#demo2',
				'valueTo': '#value2',
				'keys': {
					id: 'value',
					name: 'text'
				},
				'type': 2,
				'data': [provs_data, citys_data, dists_data]
			});
		</script>
		<script src="../../static/public/js/index.js"></script>
		<!-- 行业选择器 -->
				<script src="../../static/customer/js/json.js"></script>
				<script src="../../static/customer/js/jsonExchange.js"></script>
				<script src="../../static/customer/js/mPicker.js"></script>
				<script chartset="UTF-8">
				$(function() {
						
						/**
						* 联动的picker
						* 三级
						*/
						$('.select-value').mPicker({
								level:2,
								dataJson: industry,
								Linkage:true,
								rows:6,
								idDefault:true,
								splitStr:'-',
								header:'',
								confirm:function(json){
									
								},
								cancel:function(json){
										
								}
						})
						//获取value
						function getVal(){
								var value1 = $('.select-value1').data('value1');
								var value2 = $('.select-value1').data('value2');
								var result='';
								value1 = value1 || '';
								value2 = value2 || '';
								if(value1){
										result= value1;
								}
								if(value2){
										result = result+'-'+ value2;
								}
								return {
										value:[value1, value2],
										result: result
								};
						}
				});
				</script>
				<!-- 上传图片 -->
				<script type="text/javascript" src="../../static/salesman/js/imgFileupload.js"></script>
				<script type="text/javascript">
					var imgFile = new ImgUploadeFiles('.box',function(e){
						this.init({
							MAX : 10, //限制个数
							MH : 5800, //像素限制高度
							MW : 5900, //像素限制宽度
							callback : function(arr){
								console.log(arr)
							}
						});
					});
				</script>
	</body>
</html>
